/* /Pages/Shared/_Layout.cshtml.rz.scp.css */
.topbar[b-lz904r16jd] {
  position: sticky;
  top: 0;
  z-index: 10;
  backdrop-filter: blur(18px);
  background: rgba(6, 16, 28, 0.72);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.topbar-inner[b-lz904r16jd] {
  width: min(1180px, calc(100% - 2rem));
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 4.75rem;
}

.brandmark[b-lz904r16jd] {
  color: #f5f8ff;
  text-decoration: none;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transition: opacity 180ms ease;
}

.brandmark:hover[b-lz904r16jd] {
  opacity: 0.86;
}

.nav-actions[b-lz904r16jd] {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.nav-link-app[b-lz904r16jd] {
  color: #d8e5ff;
  text-decoration: none;
  font-weight: 600;
  transition: color 180ms ease;
}

.nav-link-app:hover[b-lz904r16jd] {
  color: #ffffff;
}

@media (max-width: 768px) {
  .topbar-inner[b-lz904r16jd] {
    width: min(100%, calc(100% - 1rem));
    min-height: 4rem;
  }

  .brandmark[b-lz904r16jd] {
    font-size: 0.9rem;
    letter-spacing: 0.1em;
  }

  .nav-actions[b-lz904r16jd] {
    gap: 0.6rem;
  }
}